$(function(){
    $.ajax({
        type:"get",
        url:"/cart/queryCart",
        success:function(res){
            // console.log(res);
            var html = template("carTpl",{result:res});
            $(".car-list").html(html);
        }
    });
    //计算订单总额
    
    var sumMoney = null;//假设订单总额为0元
    $(".car-list").on("click","input",function(){
        
        var price = $(this).siblings(".new").text();
        //先截取获取价格,然后再将其转化成number类型
        var p = parseInt(price.split("¥")[1]);
        //判断是选中还是取消
        console.log($(this).prop('checked'));
        if($(this).prop('checked')){
            sumMoney += p;
        }else{
            sumMoney -=p;
        }
        // console.log( p);    
        // console.log(sumMoney);
        //渲染到页面
        $(".money").html(sumMoney);
    });
    //删除购物车的订单
    $(".car-list").on("click",".deleteCar",function(){
        //获取要删除的id
        var id = $(this).attr("data-id");
        //获取这行
        var carLi = $(this).parents("li")[0];
        mui.confirm("真的要删除这个宝贝吗?",function(message){
            if(message.index == 1){
                $.ajax({
                    type:"get",
                    url:"/cart/deleteCart",
                    data:{
                        "id":id
                    },
                    success:function(res){
                        // console.log(res);
                        if(res.success){
                            location.reload();//刷新的意思
                        }
                    }
                });
            }else{
                mui.swipeoutClose(carLi);
            }
        });

        
        
        
    });
    //编辑
    $(".car-list").on("click",".edit-btn",function(){
        //获取要编辑的尺码
        var btnArray = ['否', '是'];
        mui.confirm('<div id="info">'+
                        '<div class="size">'+
                            '尺码:<span>35</span>'+
                            '<span>35</span>'+
                            '<span>35</span>'+
                            '<span>35</span>'+
                            '<span>35</span>'+
                            '<span>35</span>'+
                            '<span>35</span>'+
                        '</div>'+
                        '数量:<div class="mui-numbox" data-numbox-step="1" data-numbox-min="0" data-numbox-max="100">'+
                            '<button class="mui-btn mui-numbox-btn-minus" type="button">-</button>'+
                            '<input class="mui-numbox-input" type="number" value="1" />'+
                            '<button class="mui-btn mui-numbox-btn-plus" type="button">+</button>'+
                        '</div>'+        
                    '</div>', '编辑商品', btnArray, function(e) {
            
        });
        
    });
});